<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Basic Accordion - jQuery EasyUI Demo</title>
  <link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="/easyui/demo.css">
  <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
  <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>

  <script type="text/javascript" language="JavaScript">
    $().ready(function(){

    });


    function menuClick(sourceObject){
      $(sourceObject).css({"background-color":"#FBEC88" , "border":"1px solid #95B8E7"});


      $('#tt').tabs('add',{
        title: 'new tab',
        selected: true,
        href:"main.jsp",
        height:100,
        width:200,
        closable:true
      });
    }

  </script>
</head>
<body style="padding: 0px;margin: 0px">
<div class="easyui-layout" style="width:auto;height:650px;">
  <div data-options="region:'north'" style="height:100px"></div>
  <%--<div data-options="region:'east',split:true" title="East" style="width:0px;"></div>--%>
  <div data-options="region:'west',split:true" title="导航菜单" style="width:250px; height: 520px">
    <div id="aa" class="easyui-accordion" style="width:240px;height:505px;overflow-y: hidden">
      <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">

        <div id="title1_1" style="width: 200px;margin-top: 10px; height: 25px; padding: 8px 10px ;" onclick="menuClick(this);">标题一</div>
        <div id="title1_2" style="background-color: #FBEC88;width: 200px; padding: 8px 10px;margin-top: 10px; height: 25px; border: 1px solid #95B8E7">标题二</div>
      </div>
      <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">
        content2
      </div>
      <div title="Title3">
        content3
      </div>
    </div>
  </div>
  <div data-options="region:'center',iconCls:'icon-ok'">

    <div id="tt" class="easyui-tabs">
      <div title="欢迎" style="padding:20px;display:none;">
        欢迎
      </div>
    </div>

  </div>
</div>
</body>
</html>